@layout("/common/_container.html",{js:["/assets/scheduleInfo/scheduleInfo_detail.js"]}){
<style type="text/css">
    .custom-cell {
        height: 100%;
        width: 100px;
        background-color: rgb(21, 204, 227); /* 例如，将用户名设置为蓝色 */
        color: rgb(21, 204, 227);;
    }

    .layui-table-cell {
        /*border: 3px solid #bbe2d5;*/
        height: 100%;
        /*border: 3px solid #2dd59d;*/
        background-color: rgb(21, 204, 227);
    }
</style>
<script type="text/javascript">
onload = function() {
    // layui.use(['table', 'admin', 'ax'], function () {
        var $ = layui.$;
        var table = layui.table;
        var $ax = layui.ax;
        var admin = layui.admin;

        const url = new URL(window.location.href);
        var id = url.searchParams.get("id");

        $.ajax({
            type:  'get',
            url: "/scheduleInfo/detail?id="+id,
            // contentType: options.contentType,
            // data: data,
            dataType: 'json',
            // headers: options.headers || {},
            success: function (res) {
                // 如果有数据解析的回调，则获得其返回的数据
              console.log(res);
                document.getElementById("storeName").innerHTML = res.data.storeName;
                document.getElementById("plantDate").innerHTML = res.data.plantDate;
                document.getElementById("week").innerHTML = res.data.week;
                document.getElementById("weather").innerHTML = res.data.weather;
                document.getElementById("samePeriodBusiness").innerHTML = res.data.samePeriodBusiness;
                document.getElementById("tableMaker").innerHTML = res.data.tableMaker;
                document.getElementById("estimatedTurnover").innerHTML = res.data.estimatedTurnover;
                document.getElementById("actualRevenue").innerHTML = res.data.actualRevenue;
                document.getElementById("estimatedWorkingHours").innerHTML = res.data.estimatedWorkingHours;
                document.getElementById("actualHour").innerHTML = res.data.actualHour;
                document.getElementById("estimatedTimeFrame").innerHTML = res.data.estimatedTimeFrame;
                document.getElementById("attendanceActualHour").innerHTML = res.data.attendanceActualHour;
                document.getElementById("id").innerHTML = res.data.id;


            },
            error: function (e, m) {
                layer.msg('数据接口请求异常：' + m, {icon: 2});
            }
        });

    // })



}


</script>
<div class="layui-body-header">
    <span class="layui-body-header-title">详情</span>
</div>

<div class="layui-fluid " style="">

    <div class="layui-card" style="background-color: #f0f0f1 ; border: 1px solid #2b2b2c;">
            <div class="layui-card" style=" border: 1px solid #2b2b2c;">
                <div class="layui-inline" style="float: right;margin-left: 20px;margin-top: 20px;">
                    <button id="btnAssign" class="layui-btn layui-btn-normal" OnClick="javascript    :history.back(-1);">    <i class="layui-icon">&#xe642;</i>返回</button>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12" style="text-align: center">
                        <span style="font-size: 30px;font-weight: bold;margin-top: 20px;">排班表</span>

                    </div>
                    <div id="id" class="layui-col-md12" style="text-align: center;margin-top: 20px; display: none;" >
                </div>
                    <div class="layui-form-item">
                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">门店</div>
                        <div id="storeName" class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                           门店名称
                        </div>
                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">排班日期</div>
                        <div id="plantDate"    class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            排班日期
                        </div>
                        <div class="layui-form-label"style="width: 100px; border: 1px solid #2b2b2c;">周几</div>
                        <div id="week"   class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            周几
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">天气</div>
                        <div id="weather"   class="layui-form-label"style="width: 100px; border: 1px solid #2b2b2c;" >
                            天气
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">同期营业</div>
                        <div id="samePeriodBusiness" class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            同期营业
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">制表人</div>
                        <div id="tableMaker"  class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            制表人
                        </div>
                        <br>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">预估营业额</div>
                        <div id="estimatedTurnover" class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            预估营业额
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">预估时效</div>
                        <div id="estimatedTimeFrame" class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            0
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">预估工时</div>
                        <div id="estimatedWorkingHours"  class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            0
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">实际营业额</div>
                        <div id="actualRevenue" class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            0
                        </div>

                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">排班实际工时</div>
                        <div id="actualHour"  class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            0
                        </div>
                        <div class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;">考勤工时</div>
                        <div id="attendanceActualHour"  class="layui-form-label" style="width: 100px; border: 1px solid #2b2b2c;" >
                            0
                        </div>
                    </div>
                </div>
            </div>
            <table class="layui-table" id="scheduleDetailTable" lay-filter="scheduleDetailTable"></table>

        </div>
    </div>
</div>

@}